<%@ page contentType="text/html; charset=UTF-8" %>
<%@ include file="/page/share/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style>
	#leftstretch{width:15px; height:100%; line-height: 100%; text-align:left; float:left; margin:0px auto auto auto;}
	#switchPoint{cursor:pointer; vertical-align:middle;}
</style>

<title>hidder.html</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function switchSysBar()  
{  
	parent.switchSysBar();
	if ($("#imgstretch").attr("src") == "<%=request.getContextPath()%>/resources/images/right.gif") {
		$("#imgstretch").attr("src", "<%=request.getContextPath()%>/resources/images/left.gif")
	} else {
		$("#imgstretch").attr("src", "<%=request.getContextPath()%>/resources/images/right.gif")
	}
} 
	</script>
<div id="container">
<div id="leftstretch">
 <table width="100%" height="100%" cellpadding="0" cellspacing="0" >
    <tr width="100%" height="100%">
        <td width="100%" height="100%" align="left" valign="middle" > 
	        <a onclick="switchSysBar();" id="switchPoint">
	            <img id="imgstretch" src="<%=request.getContextPath()%>/resources/images/right.gif" />
	        </a>
        </td>
    </tr>
 </table>

</div>
</div>
</body>
</html>